<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/API.css">
</head>

<body>
    <header class="header tip">
        <!-- 头部的logo -->
        <div class="log">
        </div>
        <!-- 中间导航 -->
        <ul class="topnav">
            <li><a href="./index.html">首页</a></li>
            <li class="bright"><a href="./API 动态渲染.html">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="./case.html">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <div class="shop">
            <button class="login" onclick="window.location.replace('./logon.html')">登录</button>
            <button class="regsiter" onclick="window.location.replace('./register.html')">注册有礼</button>
        </div>
    </header>
    <section class="containe">
        <!-- 选择区域 -->
        <div class="sort">
            <h3>API分类</h3>
            <div class="sort_btn">
                <!-- <button class="sort_btn_bg">全部</button>
                <button>生活服务</button>
                <button>金融科技</button>
                <button>交通地理</button>
                <button>充值缴费</button>
                <button>数据智能</button>
                <button>企业工商</button>
                <button>应用开发</button>
                <button>电子商务</button>
                <button>吃喝玩乐</button>
                <button>文娱视频</button>
                <button>免费接口大全</button>
                <button>短信</button>
                <button>汽车</button>
                <button>核验</button>
                <button>最新发布</button>
                <button>API私有化部署</button> -->
            </div>
        </div>


        <!-- 主体内容区域 -->
        <div class="substance">
            <span class="substance_text">全部</span>
            <div class="form">
                <input type="text" name="" id="" class="substance_inp" placeholder="身份证实名">
                <button type="button" class="substance_btn"></button>
            </div>
            <ul class="substance_cont">
                <!-- <li>
                    <a href="#"><img src="./images/API_01.jpg" alt=""></a>
                    <p>2021出行疫情政策指南</p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_02.jpg" alt=""></a>
                    <p>身份证实名认证</p>
                    <span class="substance_cont_wen">￥0.2000/次 </span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_03.jpg" alt=""></a>
                    <p>天气预报 </p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_04.jpg" alt=""></a>
                    <p>银行卡四元素验证</p>
                    <span class="substance_cont_wen">￥0.3360/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_05.jpg" alt=""></a>
                    <p>短信API服务</p>
                    <span class="substance_cont_wen">￥0.0400/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_01.jpg" alt=""></a>
                    <p>2021出行疫情政策指南</p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_02.jpg" alt=""></a>
                    <p>身份证实名认证</p>
                    <span class="substance_cont_wen">￥0.2000/次 </span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_03.jpg" alt=""></a>
                    <p>天气预报 </p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_04.jpg" alt=""></a>
                    <p>银行卡四元素验证</p>
                    <span class="substance_cont_wen">￥0.3360/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_05.jpg" alt=""></a>
                    <p>短信API服务</p>
                    <span class="substance_cont_wen">￥0.0400/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_01.jpg" alt=""></a>
                    <p>2021出行疫情政策指南</p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_02.jpg" alt=""></a>
                    <p>身份证实名认证</p>
                    <span class="substance_cont_wen">￥0.2000/次 </span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_03.jpg" alt=""></a>
                    <p>天气预报 </p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_04.jpg" alt=""></a>
                    <p>银行卡四元素验证</p>
                    <span class="substance_cont_wen">￥0.3360/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_05.jpg" alt=""></a>
                    <p>短信API服务</p>
                    <span class="substance_cont_wen">￥0.0400/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_01.jpg" alt=""></a>
                    <p>2021出行疫情政策指南</p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_02.jpg" alt=""></a>
                    <p>身份证实名认证</p>
                    <span class="substance_cont_wen">￥0.2000/次 </span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <a href="#"><img src="./images/API_03.jpg" alt=""></a>
                    <p>天气预报 </p>
                    <span>免费</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_04.jpg" alt=""></a>
                    <p>银行卡四元素验证</p>
                    <span class="substance_cont_wen">￥0.3360/次</span>
                    <button type="button">提交数据</button>
                </li>
                <li>
                    <span class="substance_cont_img">企业专用</span>
                    <a href="#"><img src="./images/API_05.jpg" alt=""></a>
                    <p>短信API服务</p>
                    <span class="substance_cont_wen">￥0.0400/次</span>
                    <button type="button">提交数据</button>
                </li>
 -->

            </ul>
            <div class="substance_page">
                <div class="page_upper">上一个</div>
                <!-- <span class="page_bg">1</span>
                <span>2</span>
                <span>3</span>
                <span>4</span> -->
                <div class="page_lower">下一个</div>
            </div>
        </div>
        <!--底部  -->
        <div class="containe foot">
            <div class="foot_r">
                <dl>
                    <dt><a href="#"> 联系与支持</a></dt>
                    <dd><a href="#"> 400-882-7715</a></dd>
                    <dd><a href="#"> 售前咨询</a></dd>
                    <dd><a href="#"> 客服&售后</a></dd>
                    <dd><a href="#"> 常见问题</a></dd>
                    <dd><a href="#"> 极速工单</a></dd>
                    <dd><a href="#"> 投诉与建议</a></dd>
                </dl>

                <dl>
                    <dt> <a href="#"></a>关于源码</dt>
                    <dd><a href="#">400-882-7715</a></dd>
                    <dd><a href="#">售前咨询</a></dd>
                    <dd><a href="#">客服&售后</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">极速工单</a></dd>
                    <dd><a href="#">投诉与建议</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">快速入口</a></dt>
                    <dd><a href="#">400-882-7715</a></dd>
                    <dd><a href="#">售前咨询</a></dd>
                    <dd><a href="#">客服&售后</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">极速工单</a></dd>
                    <dd><a href="#">投诉与建议</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">产品服务</a></dt>
                    <dd><a href="#">400-882-7715</a></dd>
                    <dd><a href="#">售前咨询</a></dd>
                    <dd><a href="#">客服&售后</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">极速工单</a></dd>
                    <dd><a href="#">投诉与建议</a></dd>
                </dl>
                <dl>
                    <dt><a href="#">解决方案</a></dt>
                    <dd><a href="#">400-882-7715</a></dd>
                    <dd><a href="#">售前咨询</a></dd>
                    <dd><a href="#">客服&售后</a></dd>
                    <dd><a href="#">常见问题</a></dd>
                    <dd><a href="#">极速工单</a></dd>
                    <dd><a href="#">投诉与建议</a></dd>
                </dl>
            </div>
            <div class="foot_l">
                <p>微信公众号</p>
                <span>源码时代</span>
                <img src="./images/wechat-white.png" alt="">
            </div>
        </div>
        <!-- 页脚 -->
        <footer class="containe">
            <img src="./images/bei1.png" alt="">&nbsp;
            <img src="./images/bei2.png" alt="">&nbsp;
            <p><a href="#"> 增值电信业务经营许可证：蜀B2-20180596</a> <a href="#"> 蜀ICP备15006450号-3</a><a href="#"> 营业执照</a></p>
            <p>源码大数据股份有限公司©版权所有</p>
        </footer>
    </section> 

    <div class="modal">
        
        <div class="modal_box">
            <i class="modal_close"></i>
            <span class="modal_box_img"></span>
            <div class="modal_box_title">
                <p class="modal_box_tit_col">账户登录</p>
                <p>扫码登录</p>
            </div>
            <div class="modal_box_cont">
                <div class="modal_box_form  modal_box_modal_show" >
                    <label>
                        <span></span>
                        <input type="text" placeholder="用户名/手机号/邮箱" class="modal_box_user">
                    </label>
                    <label>
                        <span></span>
                        <input type="password" placeholder="密码" class="modal_box_pow">
                    </label>

                    <a href="#" class="modal_box_form_forget">忘记密码</a>
                    <button type="button" class="modal_box_form_btn">登录</button>
                    <p class="modal_box_form_register">还没有源码账号,<a href="#">立即注册</a></p>
                </div>
                <div class="modal_box_sweep">
                    <div class="modal_box_code">
                        <img src="./images/wechat-white.png" alt="">
                        <p>微信扫码登录</p>
                        <p>未关注源码科技公众号,请先关注后在登陆</p> 
                    </div>
                    <p class="modal_box_sweep_p">还没有源码账号,<a href="#">立即注册</a></p>
                </div>
            </div>
        </div>
    </div>

    <script src="./js/AIP dynamic.js"></script>
</body>

</html>